<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/api-register.css">
</head>
<body>
    <div class="header">
        <div class="w1100 cf">
            <div class="api-logo fl">
                <a href="./api.html">
                    <h1>源码数据</h1>
                </a>
            </div>
            <p class="api-lolo yl">
                已有源码账号，<a href="#">立即登录</a>
            </p>
        </div>
    </div>
    <div class="content w1100">
        <form action="#" class="api-form">
            <h1>欢迎注册</h1>
            <h2>百款接口免费使用</h2>
            <p class="reg-p">注册即送300元大礼包</p>
            <div class="api-textbox ">
                <input type="text" class="reg-input username" id="name" placeholder="用户名（6~20位字母数字）">
                <p class="error">
                    <img src="./源码大数据/images/clearInput.png" alt="">
                    <span class="error-icon fl"></span>
                    <span class="mas fl">昵称需在6-12位字母数字间</span>
                    
                </p>
            </div>
            <div class="api-textbox ">
                <input type="text" class="reg-input tel" id="name" placeholder="请输入手机号码">
                <p class="error">
                    <img src="./源码大数据/images/clearInput.png" alt="">
                    <span class="error-icon fl"></span>
                    <span class="mas fl">请输入正确的手机号</span>
                </p>
            </div>
            <div class="api-textbox  cf">
                <input type="text" class="reg-input msg-input code" id="name" placeholder="请输入手机短信验证码">
                
                <!-- <input type="button" class="rge-cod yl" name="" id="" value="获取验证码"> -->
                <p class="error">
                    <img class="error-img" src="./源码大数据/images/clearInput.png" alt="">
                    <span class="error-icon fl"></span>
                    <span class="mas fl">请输入4位手机验证码</span>
                    <button class="rge-cod yl">获取验证码</button>
                </p>
            </div>
            <div class="api-textbox ">
                <input type="password" class="reg-input password" id="name" placeholder="请输入6-12位的密码">
                <p class="error">
                    <img src="./源码大数据/images/clearInput.png" alt="">
                    <span class="error-icon fl"></span>
                    <span class="mas fl">请输入6-12位的密码</span>
                </p>
            </div>
            <p class="agree">
                <label>
                    <input type="checkbox" id="agreeCheckbox"><span class="info">我已阅读并接受</span><a href="#">《源码用户服务协议》</a>
                    <a href="#">《源码隐私政策》</a>
                </label>
            </p>
            <button class="reg-btn">立即注册</button>
        </form>
    </div>
    <script src="./js/api-register.js"></script>
</body>
</html>